iT邦幫忙

2022 iThome 鐵人賽

DAY 14
0
影片教學

從筆記語法帶入網頁設計系列 第 14

Day 14 HTML連結

  • 分享至 

  • xImage
  •  

前言

在前3天我們正式進入了HTML網頁的世界,部珠到大家在製作的過程有沒有將他利用之前的插件在網頁上瀏覽呢?網頁真的是一個很有趣的一個東西,希望大家都玩得開心,今天我們要介紹在寫網頁中醫定會用到的一個功能連結,那我們開始吧

連到其他網站

<a href="http://www.google.com">Google</a>
  • 以上程式的意思就是當你點到Google就會連到了首頁

連到同一個網站的不同網頁

在寫網頁您會有很多檔案需要用連結的方式來連到特定的檔案,這裡建議一個網站所有檔案圖片都分門別類放在同一個資料夾當中這樣連結也比較方便

<a href="index.html">首頁</a>

在新視窗開啟連結

<a href="http://www.google.com" target="_blank">Google</a>
  • target 也就是目標怎麼開啟這個連結,這邊 _blank開啟新視窗
  • _self: 顯示在表單所在的當前視窗
  • _blank: 顯示在新頁籤/視窗
  • _parent: 顯示在上一層的視窗 (用在例如如果表單是放在 中)
  • _top: 顯示在最頂層的視窗

連結到同網頁的某一個部分

<a href="#introduce">介紹</a>
<h2 id="introduce">介紹</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo blanditiis, ullam obcaecati itaque dolorum rem maiores provident dolorem mollitia labore atque eos, ratione aperiam libero doloremque. Nam exercitationem consectetur similique?</p>

? # 是給id的小錨點,所以需要給你底下要連結的物件一個id名字才連得到喔


上一篇
Day13 HTML 清單
下一篇
Day15 HTML影像
系列文
從筆記語法帶入網頁設計20
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言